<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>每日签到</title>
	<meta name="format-detection" content="telephone=no">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/weui.min.css">
	<link rel="stylesheet" href="css/jquery-weui.css">
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript" src="js/swiper-3.3.1.jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
</head>
<body>
	<!-- 每日签到 -->
	<div class="sign-in landing">

		<div class="header-top-return" title="头部返回">
			<a class="return-a" href="javascript:history.back(-1)">
				<h1>每日签到</h1>
			</a>
		</div>

		<div class="title-top">
			<a class="return-history" href="javascript:history.back(-1)" title="返回上一页"></a>
			<h1>每日签到</h1>
			<a class="return-home" href="index.html" title="返回首页"></a>
		</div>

		<div class="sign-in-main">
			<div class="sign-top">
				<p class="sign-p">当前已获奖励：<span>1100积分</span></p>
				<a class="sign-in-btn" href="javascript:;">马上签到</a>
				<img class="gold-img" src="images/gold_img_02.png">
			</div>
			<div id="calendar">
				<div class="weui-cells weui-cells_form">

					<div class="calendar-input-top weui-cell">
						<div class="weui-cell__hd"><label for="date3" class="weui-label">日期</label></div>
						<div class="weui-cell__bd">
							<input class="weui-input" id="date3" type="text">
						</div>
					</div>
				</div>

				<div id="inline-calendar"></div>
			</div>
			<div class="tip-p">
				<p>规则说明：每日签到可获50积分，连续7日签到可获得400积分，连续15日签到可获得900积分，连续30日签到可获得1800积分。</p>
			</div>
		</div>
		
	</div>

	<div class="sign-in-wrap">
		<div class="sign-box">
			<h1>签到成功！</h1>
			<p>恋爱练习生：你好！明天</p>
			<a class="sign-close" href="javascript:;">前往约定</a>
		</div>
	</div>

	<script src="js/jquery-weui.js"></script>
	<script src="js/layer.js"></script>
	<script src="js/public.js"></script>
	<script>

	$("#date3").calendar({
		container: "#inline-calendar",
		multiple: "false",
		yearPicker: "true",
		minDate: "2018-10-17",
		dayNamesShort: ['日', '一', '二', '三', '四', '五', '六']
	});

	// $("#date3").calendar("setValue", [ "2018-10-17", "2018-10-18"]);

	</script>
</body>
</html>